import React, { useState } from 'react'
import { Tree } from 'antd'
import Layout, { Sider, Content } from '@/components/layout'
import { treeDb } from './data'
import Card from '@/framework/card'
import styles from './style.module.less'

const BasePage = () => {
  const [table, setTable] = useState([])
  return (
    <div className={styles.pageWrapper}>
      <Layout>
        <Sider>
          <Tree treeData={treeDb} />
        </Sider>
        <Content>
          <Card title="基金排名" cardType="FundRank" settings={table} />
          <Card title="基金排名" cardType="FundRank" />
          <Card title="基金排名" cardType="FundRank" />
          <Card title="基金排名" cardType="FundRank" />
          <Card title="基金排名" cardType="FundRank" />
          <Card title="基金排名" cardType="FundRank" />
          <Card title="基金排名" cardType="FundRank" />
          <Card title="基金排名" cardType="FundRank" />
        </Content>
      </Layout>
    </div>
  )
}

export default BasePage
